<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="小元宝,基金" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="format-detection" content="telephone=no" /><!--防止苹果手机将数字改成电话号码-->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="author" content="duanliang, duanliang920.com" />
		<!--<link rel="stylesheet" type="text/css" href="css/index.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/fastclick.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>-->
		<title>注册</title>
	</head>
	<body>
		<!--<div class="header">
				<span class="col-xs-1 back" style="padding-right: 0;"><img src="img/back.png"/></span>
				<span class="col-xs-6 col-xs-offset-2 login" style="padding-right: 0;padding-left: 0;">注册</span>
		</div>-->
		<div class="container">
			<!--<div class="logo">
				<img src="img/logo.png"/>
			</div>-->
		  	<form class="form-horizontal registerFrom">
			    <div class="form-group">
			    	<label class="col-xs-1 control-label" for="username"><img src="img/user.png"  class="user"/></label>
			      	<div class="col-xs-11 loginInput">
			        	<input id="username" class="form-control" type="text" name="username" value="" placeholder="输入手机号"></input>
			      	</div>
			    </div>
			    <!--<div class="form-group verification">
			      	<div class="col-xs-5  col-xs-offset-7 " style="padding-left: 0 !important;">
			        	<button class="verificationBtn">获取验证码</button>
			      	</div>
			    </div>-->
			    
		    	<div class="form-group" style="margin-top: 8rem;">
		    		<label class="col-xs-1 control-label" for="username"><img src="img/password.png" class="password"/></label>
		      		<div class="col-xs-6 loginInput">
		      			<input id="password" class="form-control" type="password" name="password" value="" placeholder="输入验证码"></input>
		      		</div>
		      		<div class="col-xs-5" style="padding-left: 0 !important;">
			        	<button class="verificationBtn">获取验证码</button>
			      	</div>
		    	</div>
		    	<div class="form-group" style="margin-top: 9rem;">
		    		<label class="col-xs-1 control-label" for="checkbox" ><input id="checkbox"  type="checkbox" name="checkbox" value="" checked="checked"></input></label>
		      		<div class="col-xs-11 loginInput">
		      			<span>我已阅读并同意<a href="##" id="agreement">“小元宝协议”</a></span>
		      		</div>
		    	</div>
		    	<!--<div class="form-group" style="margin-right: 0 !important;margin-top: 3rem;">
		      		<div class="col-xs-12 loginBtn">
		      			<button id="btn" type="button" class="btn">下一步</button>
		      		</div>
		    	</div>-->
		  	</form>
		  	<div class="form-group" style="margin-right: 0 !important;margin-top: 3rem;">
	      		<div class="col-xs-12 loginBtn">
	      			<a href="registerSetPassword.html" id="btn">下一步</a>
	      		</div>
	    	</div>
		</div>
		<div class="agreement">
    		<div class="agreementContent col-xs-10 col-xs-offset-1">
    			<h4>小元宝用户协议</h4>
	    		<span>感谢您注册使用“小元宝”。请您在注册成为“小元宝”平台（以下简称“平台”）用户前，审慎阅读并充分理本协议条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款，您应重点阅读。本协议自用户注册成功之时起，在用户与“小元宝”平台之间发生法律效力。</span><br>
				<span>感谢您注册使用“小元宝”。请您在注册成为“小元宝”平台（以下简称“平台”）用户前，审慎阅读并充分理解本协议条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款，您应重点阅读。本协议自用户注册成功之时起，在用户与“小元宝”平台之间发生法律效力。</span>
				<div class="col-xs-6 col-xs-offset-3 readBtn" >
		      		<button id="readBtn" type="button">已阅读</button>
		      	</div>
    		</div>
    	</div>
	</body>
	<script type="text/javascript">
		$(function(){
			FastClick.attach(document.body);
			$('#agreement').click(function(){
				$('.agreement').css('display','block')			
			});
			$('#readBtn').click(function(){
				$('.agreement').css('display','none')
			})
		})
	</script>
</html>
